﻿<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zxx">

<head>
	<title>Home</title>
	<!-- Meta tag Keywords -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="UTF-8" />
	<meta name="keywords" content=""
	/>
	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!-- Meta tag Keywords -->
	<!-- css files -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<!-- Style-CSS -->
	<link rel="stylesheet" href="css/fontawesome-all.css">
	<!-- Font-Awesome-Icons-CSS -->
	<!-- //css files -->
	<!-- web-fonts -->
	<link href="http://maxcdn.bootstrapcdn.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
	<link href="http://maxcdn.bootstrapcdn.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
	<!-- //web-fonts -->
</head>

<body>
<!-- bg effect -->
<div id="bg">
	<canvas></canvas>
	<canvas></canvas>
	<canvas></canvas>
</div>
<!-- //bg effect -->
<!-- title -->
<h1>gyclwdw</h1>
<!-- //title -->
<!-- content -->
<div class="sub-main-w3">
	<form action="${pageContext.request.contextPath}/user" method="post">
		<input type="hidden" name="method" value="zhuce">
		<h2>注册界面
			<i class="fas fa-level-down-alt"></i>
		</h2>
		<div class="form-style-agile">
			<label>
				<i class="fas fa-user"></i>
				用户名
			</label>
			<input placeholder="用户名" name="userName" type="text">
		</div>
		<div class="form-style-agile">
			<label>
				<i class="fas fa-unlock-alt"></i>
				密码
			</label>
			<input placeholder="密码" name="password" type="password">
		</div>
		<div class="form-style-agile">
			<label>
				<i class="fas fa-unlock-alt"></i>
				邮箱
			</label>
			<input placeholder="邮箱" name="email" type="text" id="email">
		</div>
		<!-- checkbox -->
		<input type="submit" value="Log In">
	</form>
</div>
<!-- //content -->

<!-- copyright -->
<div class="footer">
	<p>Copyright &copy; 2018.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
</div>
<!-- //copyright -->

<!-- Jquery -->
<script src="js/jquery-3.3.1.min.js"></script>
<!-- //Jquery -->

<!-- effect js -->
<script src="js/canva_moving_effect.js"></script>
<!-- //effect js -->

</body>

</html>
<script>
	email.onchange = function(){
		var email = this.value;
		var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
		if(reg.test(email)){
			alert("邮箱格式正确");
		}else{
			alert("邮箱格式不正确");
		}
	}
</script>